<template>
  <div class="container">
    <router-view></router-view>
    <div class="index">
      <Header />
      <div class="main-center2  ">
  <div class="selectChapter" style="height:920px;" >
      <div class="cont" style="height: 920px;">
      <div class="m-left3 bor-r">
        <div class="szy">
        <div class="fh"><img src="static/img/yinyong.png">返回</div>
        <ul><li class="cur"><img src="static/img/pic2.png"> 1、三字经资源</li>
          <li><img src="static/img/pic2.png">2、千字文资源</li>
          <li><img src="static/img/pic2.png">3、弟子规资源</li>
        </ul>

        </div>
      </div>
      <div class="m-center44">
        <img src="static/img/play.png">
      </div>


    </div>
    <div class="mt10 baseAct" style="margin-top: -70px;"><button @click="goNext()" class="sure">上一页</button> <label>1/10</label><button  @click="goNext()" class="sure">下一页</button> </div>
     <div class="arrow-right"></div>
  </div>
      </div>
    </div>
  </div>
</template>

<script>
import Header from '../../components/header.vue';
export default {
  data() {
    return {
      input:'',
      isOpen:true,
      options2: [{
        value: '六年级一班',
        label: '六年级一班'
      }, {
        value: '六年级2班',
        label: '六年级2班'
      } ],
      value: [],
      value2: []
    };
  },
  created() {
  },
  methods: {
    goNext(){
      this.$router.push("/collectChapter");
    },

    Close(){
      this.$router.go(-1)
    }
  },
  components:{Header}
};
</script>

<style lang="scss" scoped>
html body{ background: #FFFFFF;}
</style>
